<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一元运购-满员详情</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> 
<link rel="stylesheet" type="text/css" href="style/main.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="js/countdown.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div class="header detail_header">
		<div class="nav">
		    <div class="search  return"><a href="search.html"></a></div>
		    <div class="right">
		        <a href="index.html"><img src="images/homeon.png" alt=""></a>
		        <a href="javascript:"><img onclick="$('#sub-title').toggle();$('#screenIfmNav').toggle();" src="images/menu.png"></a>
		        <ul class="more" id="sub-title">
		            <li><a class="buy-icon" href="javaScript:">云购记录</a></li>
		            <li><a class="help-icon" href="help.html">帮助中心</a></li>
		            <li><a class="share" href="javaScript:">分享</a></li>
		        </ul>
		    </div>
		    <div id="screenIfmNav" class="screenIfm" onclick="$('#sub-title').toggle();$(this).hide();"></div>
		</div>
	</div>
	<div class="container">
		<div id="focus" class="focus detail_focus">
			<div class="hd"><ul></ul></div>
			<div class="bd">
				<ul>
					<li>
						<a href="javascript:;">
							<img _src="./images/slide1.png"/>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img _src="./images/slide2.png"/>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img _src="./images/slide3.png"/>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<script>
			TouchSlide({ 
				slideCell:"#focus",
				titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
				mainCell:".bd ul", 
				effect:"left", 
				// autoPlay:true,//自动播放
				autoPage:true, //自动分页
				switchLoad:"_src" //切换加载，真实图片路径为"_src" 
			});
		</script>
		<div class="detail_base">
			<div class="title">
				<p>(第975云) 华为（HUAWEI）P10 Plus 6GB+64GB版 全网通 4G手机<span>简约设计，倾心，应手！徕卡人像摄影，每一拍，都是大片！（颜色随机发）</span></p>
			</div>
			<div class="price">价值：￥4888.00</div>
			<div class="fullbox">
				<div class="title">揭晓结果即将公布</div>
				<div class="fullicon"></div>
				<div class="countdown">
					<div class="hms" id="hms">
						
					</div>
				</div>	
			</div>
			<script type="text/javascript">
				var date = "2018/05/06";
				var id  = $('.hms').attr('id');
				interval(id,id,date); 
			</script>
			<div class="nologin"><a href="javascript:">你还未登录哦，请登陆后再查看吧</a></div>
		</div>
		<div class="detailmore">
			<ul>
				<li><a href="javascript:">图文详情</a></li>
				<li><a href="comment.html">商品晒单(31)</a></li>
			</ul>
		</div>
		<div class="tabbox">
			<div class="top">
				<div class="tab current"><a href="javascript:"><span>参与记录</span></a></div>
				<div class="tab"><a href="javascript:"><span>历史获得者</span></a></div>
				<div class="clear"></div>
			</div>
			<div class="tabmain">
				<ul>
					<li>
						<div class="deps">
							<img src="images/join.jpg" alt="">
							<p><span class="nick">今天必中</span>(北京市)</p>
							<p>2017-04-30 10:06:05.550</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/join.jpg" alt="">
							<p><span>今天必中</span>(北京市)</p>
							<p>2017-04-30 10:06:05.550</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/join.jpg" alt="">
							<p><span>今天必中</span>(北京市)</p>
							<p>2017-04-30 10:06:05.550</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/join.jpg" alt="">
							<p><span>今天必中</span>(北京市)</p>
							<p>2017-04-30 10:06:05.550</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="tabmain" style="display:none;">
				<ul>
					<li>
						<div class="time"><span>第996云</span><span>揭晓时间</span><span>今天01:24</span></div>
						
						<div class="deps prev">
							<img src="images/join.jpg" alt="">
							<p>获得者：<span class="get">终于等到你</span>(广东省深圳市)</p>
							<p>本云参与：<i>1500</i>人次</p>
							<p>幸运云购码：<i>10005600</i></p>
						</div>
					</li>
					<li>
						<div class="time"><span>第996云</span><span>揭晓时间</span><span>今天01:24</span></div>
						
						<div class="deps prev">
							<img src="images/join.jpg" alt="">
							<p>获得者：<span class="get">终于等到你</span>(广东省深圳市)</p>
							<p>本云参与：<i>1500</i>人次</p>
							<p>幸运云购码：<i>10005600</i></p>
						</div>
					</li>
					<li>
						<div class="time"><span>第996云</span><span>揭晓时间</span><span>今天01:24</span></div>
						
						<div class="deps prev">
							<img src="images/join.jpg" alt="">
							<p>获得者：<span class="get">终于等到你</span>(广东省深圳市)</p>
							<p>本云参与：<i>1500</i>人次</p>
							<p>幸运云购码：<i>10005600</i></p>
						</div>
					</li>
					<li>
						<div class="time"><span>第996云</span><span>揭晓时间</span><span>今天01:24</span></div>
						
						<div class="deps prev">
							<img src="images/join.jpg" alt="">
							<p>获得者：<span class="get">终于等到你</span>(广东省深圳市)</p>
							<p>本云参与：<i>1500</i>人次</p>
							<p>幸运云购码：<i>10005600</i></p>
						</div>
					</li>
				</ul>
			</div>
			<script type="text/javascript">
				$(function(){
					$('.tab').each(function(n){
						$(this).click(function(){
							$('.tab').removeClass('current').eq(n).addClass('current');
							$('.tabmain').hide().eq(n).show();
						})
					})
				})
			</script>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer full">
		<ul class="wd_nav">
			<dl>
				<dd><a href="javascript:">第518572云进行中...</a></dd>
				<dd><a href="javascript:">立即参与</a></dd>
			</dl>
		</ul>
	</div>
</body>
</html>